<%= javascript_include_tag 'jquery.tools.min' %>
<%= javascript_include_tag 'overlay' %>

<div id="design_rank" style="width:100%;margin-top: 10px;">
  <!--   <ul class="css-tabs" style="width:972px;">
      <li><a href="#">男生款式</a></li>
      <li><a href="#">女生款式</a></li>
    </ul>  -->
  <!-- panes -->
  <div>
    <p class="sex">
      <span>性别:</span>
      <a href="/store/materials">全部</a>
      <a href="/store/materials?sex=1">男生</a>
      <a href="/store/materials?sex=0">女生</a>
    </p>
    <ul class="hot_list hot_list_ie" style="width:1000px; margin-bottom: 10px;">
      <% for material in @materials %>
        <li>
          <%= render :partial =>'/materials/material_detail',:object=>material %>
        </li>
      <% end %>
    </ul>

    <dl id="pager">
      <dt>
        <%= will_paginate  @materials,:prev_label => '«上一页',:next_label => '下一页»' %>
      </dt>
    </dl>
  </div>  

  <!--  </div>  -->
  <!--     <p id="readme"><em>释放您的创意，从这里开始</em></p>      -->
</div>



<script>
  $(function() {
    // :first selector is optional if you have only one tabs on the page
    $(".css-tabs:first").tabs(".css-panes:first > div");
  });
</script>

